.navBar{width: 100%;height: 80px;border-bottom: solid 1px #e1e1e1;display: flex;align-items: center;box-shadow: 0 4px 10px 0 rgba(0,0,0,.05);background: #fff;}

.wrap{}
.banner{width: 1210px;height: 500px;text-align: center;border-radius: 10px;background: #939;margin: 30px auto;overflow: hidden;position: relative}

.newActivity{width: 1210px;height: 200px;border-radius: 10px;border: solid 1px #ccc;margin: 30px auto;background: #fff;overflow: hidden;}
.newActivity ul{display: flex;width: 100%;height: 100%;}
.newActivity li{flex: 1;height: 100%;font: 40px/200px "";text-align: center;}
.newActivity li:nth-child(1){background: #933;}
.newActivity li:nth-child(2){background: #939;}
.newActivity li:nth-child(3){background: #393;}
.newActivity li:nth-child(4){background: #399;}

.hotGoods{width: 1210px;border-radius: 10px;border: solid 1px #ccc;margin: 30px auto;overflow: hidden;}

.hotGoods header{background: #fafafa;border-bottom: 1px solid rgba(0,0,0,.1);display: flex;justify-content: space-between;padding: 0 30px;}
.hotGoods header h5{font-weight: bolder;font-size: 18px;line-height: 60px;color: #666;}

.floor{width: 1210px;border-radius: 10px;border: solid 1px #ccc;margin: 30px auto;overflow: hidden;}
.floor header{background: #fafafa;border-bottom: 1px solid rgba(0,0,0,.1);display: flex;justify-content: space-between;padding: 0 30px;}
.floor header h5{font-weight: bolder;font-size: 18px;line-height: 60px;color: #666;}


.hot-cont,.floor-cont{width: 100%;display: flex;}
.hot-list,.floor-list{width:25%;background: #fff;flex: 0 0 auto;height: 430px;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;box-sizing: border-box;text-align: center;}
.hot-list img,.floor-list img{width: 216px;height: 216px;background: #ccc;margin: 45px 0 20px;}
.hot-list p,.floor-list p{font-size: 14px;font-weight: 700;margin: 0 8px;color: #333;height: 32px;line-height: 16px;overflow: hidden}
.hot-list span,.floor-list span{padding: 15px 10px 0;font-size: 12px;color: #999;line-height: 3;height: 36px;overflow: hidden;display: block;margin: 0 auto;}
.hot-list .tag,.floor-list .tag{height: 20px;display: flex;width: 100%;justify-content: center;align-items: center;}
.hot-list .tag i,.floor-list .tag i{border-radius: 50%;border: solid 2px #b2b2b2;width: 10px;height: 10px;margin: 0 5px;}
.hot-list em,.floor-list em{font-size: 18px;font-weight: bolder;color: #d44d44;margin: 20px 0;line-height: 3;}

.hot-list:hover,.floor-list:hover{box-shadow: inset 0 0 30px rgba(0,0,0,.06);}

.floor-cont{flex-wrap: wrap;}
.floor-banner{width:50%;background: #fff;flex: 0 0 auto;height: 430px;border-right: 1px solid #efefef;border-bottom: 1px solid #efefef;box-sizing: border-box;display: flex;align-items: center;justify-content: center;}

.bottomBar{width: 100%;background: #fafafa;border-top: 1px solid #e6e6e6;}
.footerBar{width: 1210px;margin: 0 auto;}
.footer-nav{display: flex;justify-content: space-between;padding: 60px 0 56px;border-bottom: 1px solid #e6e6e6;}
.footer-nav-cont{display: flex;}
.footer-nav-cont dl{margin-right: 90px;}
.footer-nav-cont dt{color: #646464;font-weight: 700;font-size: 12px;padding: 0 0 20px;}
.footer-nav-cont dd{display: block;color: #969696;font-size: 12px;padding: 7px 0;}

.hotline{text-align: right;}
.hotline span{display:block; font-size: 18px;font-weight: 900;line-height: 1;cursor: default;color: #5079d9;}
.hotline p{font-size: 12px;color: #999;margin-top: 15px;}
.hotline em{display: block;width: 132px;height: 30px;line-height: 30px;cursor: pointer;font-weight: 700;margin-top: 15px;text-align: center;color: #5079d9;border: 1px solid #d0d0d0;border-radius: 5px;box-sizing: border-box;}

.copyright{color:#bdbdbd;line-height:12px;font-size:12px;padding: 30px 0 60px;line-height: 20px;}

.copyright a{color:#bdbdbd;}
.copyright a:hover{color:#5079d9;}

